define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) {
	const controller = {
		index() {
			Table.api.init({
				extend: {
					index_url: 'subject/category/index', //列表查询的请求控制器方法
					add_url: 'subject/category/add', //添加的控制器地址
					edit_url: 'subject/category/edit', //编辑的控制器地址
					del_url: 'subject/category/del', //删除的控制器地址
					table: 'category',
				},
			});

			const table = $('#table');

			table.bootstrapTable({
				// 请求地址
				url: $.fn.bootstrapTable.defaults.extend.index_url,
				// 设置工具栏元素
				toolbar: '.toolbar',
				// 设置主键
				pk: 'id',
				// 排序字段
				sortName: 'weight',
				// 默认排序方式
        sortOrder: 'desc',
        showExport: false,
				// 渲染表格数据
				columns: [
					{ checkbox: true },
					{ field: 'id', title: 'ID', sortable: true },
					{ field: 'name', title: __('Name') },
          { field: 'weight', title: __('Weight'), sortable: true },
          {
						field: 'operate',
						title: __('Operate'),
						table: table,
						events: Table.api.events.operate,
						formatter: Table.api.formatter.operate,
					},
				],
			});

			Table.api.bindevent(table);
    },
    add() {
      controller.api.bindevent()
    },
    edit() {
      controller.api.bindevent()
    },
    del() {
      controller.api.bindevent()
    },
		api: {
			//JS模块化的全局方法
			bindevent: function () {
				Form.api.bindevent($('form[role=form]'));
			},
		},
	};

	return controller;
});
